<template>
    <view class="reporteLook">
        <fl-navBar dark :border="false" title="外出报备" color="#333333" :fixed="true" left-icon="left" background-color="#fff"
            status-bar />
        <view class="AskApply_box">
            <AskApply :sh="sh" :type="type" :flag="flag" :status="status" :detailData="detailData" />
        </view>
    </view>
</template>
  
<script setup lang="ts">
import { ref } from 'vue'
import { onLoad } from "@dcloudio/uni-app";
import AskApply from '../outReport/AskApply.vue'
import { manageDetail } from '@/api/http'
const detailData = ref('')
const props = defineProps({
    type: {
        type: String,
        default: '1'
    },
    status: {},
    flag: {
        type: String,
        default: '0'
    },
    id: {
        type: String,
        default: ''
    },
    sh: {
        type: String,
        default: ''
    },
})
onLoad(async () => {
    const { id } = props
    // type  4 代表 员工查看自己的请假情况  可以撤回的
    const res = await manageDetail(id)
    detailData.value = res.data

    


})
</script>
  
<style scoped lang="scss">
.reporteLook {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;

    .AskApply_box {
        flex: 1;
        height: 100%;
        overflow: hidden;
    }
}
</style>
  